<template>
  <div class="page my-person">
    <div class="up mb-10 rel">
      <img src="http://fresh.huruqing.cn/img/bg2.78d35cdc.png" alt />
      <router-link to="/my/login" v-if="!isLogin" class="fff f16 abs">立即登录</router-link>
      <a v-else class="fff f16 abs">{{phone}}</a>
    </div>
    <div class="middle pl-20 pr-10 f14 bg-fff">
      <div class="hot flex jc-sb aic">
        <p>我的订单</p>
        <i class="iconfont icon-right"></i>
      </div>
      <div class="hot flex jc-sb aic">
        <p>收藏</p>
        <i class="iconfont icon-right"></i>
      </div>
      <div class="hot flex jc-sb aic">
        <p>足迹</p>
        <i class="iconfont icon-right"></i>
      </div>
      <div class="hot flex jc-sb aic">
        <p>优惠券</p>
        <i class="iconfont icon-right"></i>
      </div>
      <div class="hot flex jc-sb aic">
        <p>我的地址</p>
        <i class="iconfont icon-right"></i>
      </div>
      <router-link to="/my/setting" class="hot flex jc-sb aic">
        <p>设置</p>
        <i class="iconfont icon-right"></i>
      </router-link>
    </div>
    <Footer />
  </div>
</template>

<script>
import Footer from "@/components/Footer";
import { mapState } from "vuex";
export default {
  components: {
    Footer
  },
  computed: mapState(["isLogin", "phone"])
};
</script>

<style lang="less" scoped>
@import "./person.less";
</style>